/*
 * Style for ARIA Validator summary.
 *
 * Copyright (C) 2014  Rick Brown
 */

html
{
	height: 100%;
}

body
{
	margin: 0;
	padding-left: 1em;
	font-family: 'Chrome Droid Sans', 'Droid Sans Fallback', 'Lucida Grande', 'sans-serif';
	font-size: small;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: linear-gradient(to bottom, #ffffff 0%,#00c4ff 35%,#0200f1 100%);
}

div.credits
{
	font-size: xx-small;
	position: fixed;
	bottom: 0px;
	width: 90%;
	text-align: center;
	opacity: .8;
	color: white;
}

div.credits a
{
	text-decoration: none;
	color: white;
}

dt
{
	float:left;
}

body .validatorResults
{
	background-color: whitesmoke;
	margin-bottom: 2em;
	border: 2px outset;
	padding: 1em;
	display: inline-block;
	width: 30%;
	overflow-x: scroll;
	float:left;
}

body .validatorResults.zoomed
{
	width: 90%;
	height: 100%;
	border: 4px outset;
	z-index: 99;
	position:absolute;
}

body .validatorResults dd, body .validatorResults dt
{
	margin-right: 1em;
}

body .result
{
	background-repeat: no-repeat;
	background-size: 1em;
	background-position: left center;
	padding-left: 1.5em;
	font-size:large;
	margin-top: 0;
	margin-bottom: 0;
}

button.zoom
{
	float:right;
}

body .fail .result
{
	color: red;
	background-image: url('icon/48/Boton_mal.png');
}
body .pass .result
{
	color: green;
	background-image: url('icon/48/Boton_correcto.png');
}

ul
{
	list-style-type: none;
	list-style-image:none;
	padding-left: 0;
}

ul.issues li
{
	margin-bottom: .2em;
	padding-left: 2em;
	background-repeat: no-repeat;
	min-height: 16px;
}

ul.fail li
{
	background-image: url('icon/16/Boton_mal.png');
}

ul.warn li
{
	background-image: url('icon/16/Boton_advertencia.png');
}

ul.roles li
{
	display: inline-block;
}

ul.roles li:after
{
	display: inline-block;
	margin-right: .5em;
	content: ',';
}

ul.roles li:last-of-type:after
{
	content: '';
}

h1
{
	font-size: 2.2em;
	background-image: url('icon/48/AVLogo.png');
	background-repeat: no-repeat;
	line-height: 48px;
	padding-left: 56px;
}

h2
{
	font-size: 1.6em;
}

h3
{
	font-size: 1.2em;
}

h2,h3{
	margin-bottom: 0.1em;
	margin-top: 0.4em;
}